@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,figure,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
body{ width:100%; height:100%; color:#666666; font:14px/1.6 arial; background: #ffffff;}
a{ text-decoration:none; color:#666666;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{}
.hidd{ display:none;}
li{ list-style:none;}
i,em{ font-style:normal;}
#bord{ border:none; background:none;}
.fl{ float:left;}
.fr{ float:right;}
.align_l{ text-align:left;}
.align_r{ text-align:right;}
.align_c{ text-align:center;}
.clearfix:after{ content: ''; display: block; clear:both; width: 0; height: 0px !important; line-height: 0px !important;}
img{ vertical-align:middle; border:none; max-width:100%;}
.wrapper{ margin: 0 40px;}
html button::-moz-focus-inner { border-color: transparent !important;}
.box-sizing{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.transtime{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}

select{ -webkit-appearance: none; -moz-appearance: none; -ms-progress-appearance: none; appearance: none;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #cecece;}
input::-moz-placeholder,textarea::-moz-placeholder{ color: #cecece;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{ color: #cecece;}

input[type="text"],input[type="password"],input[type='submit'],input[type='reset'],input[type='button'],select,textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: 0 none;
}

/* img 动画效果 */
.scale12{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}




/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-black-webfont';
    src: url('../fonts/dincond-black-webfont.eot');
	src: url('../fonts/dincond-black-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-black-webfont.woff2') format('woff2'),
	url('../fonts/dincond-black-webfont.woff') format('woff'),
	url('../fonts/dincond-black-webfont.ttf') format('truetype'),
	url('../fonts/dincond-black-webfont.svg#dincond-black-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}



/* banner start */

/* top start */
.top{ position: relative; z-index: 100; padding: 10px 0; /* background: url(../images/top-r-bg.jpg) no-repeat right center / auto 100%; */}
.top .wrapper{ display: flex; justify-content: space-between; align-items: center;}
.top .topl{ display: flex; justify-content: center; align-items: center;}
.top .topl .logo{}
.top .topl .language{ position: relative; z-index: 1; margin-left: 30px; margin-right: 15px; padding-left: 25px; line-height: 20px; background: url(../images/icon-world-bg.png) no-repeat left center;}
.top .topl .language div{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.top .topl .language span{ font-size: 18px; color: #797979; white-space: nowrap;}
.top .topl .language i{ margin-left: 6px; width: 13px; height: 13px; background: url(../images/icon-down.png) no-repeat center center;}
.top .topl .language ul{ position: absolute; top: 100%; left: 0px; width: 100%; padding: 10px 0; display: none; background: #FFFFFF; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.top .topl .language ul li{ padding-left: 25px; line-height: 22px;}
.top .topl .language ul li a{ display: block;}
.top .topl .language:hover ul{ display: block;}

.top .topr{ display: flex; justify-content: flex-end; align-items: center;}
.top .topr .nav{ display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between;}
.top .topr .nav ul li{ position: relative; z-index: 10; float: left; text-transform: uppercase;}
.top .topr .nav ul li > a{ position: relative; z-index: 1; display: block; line-height: 35px; padding: 0 15px; font-size: 16px; color: #FFFFFF;}
.top .topr .nav ul li > a:after{ content: ''; position: absolute; top: 7px; left: 0px; z-index: 10; height: 20px; border-left: 1px solid rgba(255,255,255,0.3);}
.top .topr .nav ul.bgc-red{ background-color: #FFFFFF;}
.top .topr .nav ul.bgc-red a{ color: #000000;}
.top .topr .nav ul.bgc-black{ margin-top: 10px; background-color: #231815;}
.top .topr .nav ul.bgc-black a{ color: #FFFFFF;}

.top .topr .nav ul.bgc-black a:hover{ background-color: #D4000D;}
.top .topr .nav ul.bgc-black a:hover{ color: #FFFFFF;}
.top .topr .nav ul.bgc-red a:hover{ background-color: #D4000D;}
.top .topr .nav ul.bgc-red a:hover{ color: #FFFFFF;}

.nav ul.bgc-black li .navdrop{ position: absolute; top: 100%; left: 0; z-index: 10; width: 100%;}
.nav ul.bgc-black li .navdrop a{ display: block; line-height: 30px; font-size: 14px; text-transform: uppercase; color: #FFFFFF; background: #F4F4F4;}
.nav ul.bgc-black li:hover .navdrop{ display: block;}

.top .topr .nav ul li .menusub{ position: absolute; top: 100%; left: -40px; z-index: 10; width: calc(100% + 80px); background-color: rgba(0,0,0,0.5); display: none;}
.top .topr .nav ul.bgc-red li .menusub > div{ margin: 8px 0;}
.top .topr .nav ul.bgc-red li .menusub a{ display: block; padding: 2px 5px; color: #CCCCCC; text-align: center;}
.top .topr .nav ul.bgc-red li .menusub a:hover{ color: #FFFFFF;}





.top .topr .search{ margin-left: 45px;}
.top .topr .search input[type=text]{ width: 100px; height: 30px; line-height: 30px; padding-left: 25px; border: 0 none; background: url(../images/icon-search-bg.png) no-repeat left center; font-size: 18px; color: #999999; border-bottom: 1px solid #8f8f8f;}
.top .topr .search input[type=button]{ display: none;}


.m-topr,
.m-topdown{ display: none;}



/* top   end */

/* banner start */

.banner img{ width:100% }

/* banner end */


/* 首页-链接内页 start */
.link-ncont{ display: flex; justify-content: center; align-items: center; padding: 30px 0; background-color: #000000;}
.link-ncont div{ display: flex; justify-content: center; }
.link-ncont a{ padding: 0 50px;}
.link-ncont i{ width: 50px; background: url(../images/itype-bg.png) no-repeat center center; }
/* 首页-链接内页 end */


/* 首页-产品 start */
.gallery-thumbs{ background: #f7f7f7;}
.gallery-thumbs ul{ height: 100%;}
.gallery-thumbs ul li{ position: relative; z-index: 1; height: 100%; margin-right: 0;}
.gallery-thumbs ul li:before{ content: ''; position: absolute; top: 5%; left: 0px; z-index: 10; width: 0px; height: 90%; border-left: 1px solid #e6e6e6;}
.gallery-thumbs ul li a{ display: flex; justify-content: flex-end; align-items: flex-end; height: 100%; padding: 8%; padding-top: 12%; box-sizing: border-box;}
.gallery-thumbs ul li p{ position: absolute; top: 8%; left: 5%; z-index: 10; font-size: 40px; color: #333333;}
.gallery-thumbs ul li img{ width: 48%;}
.gallery-thumbs ul li.swiper-slide-thumb-active{ background: #FFFFFF;}

.gallery-top{}
.gallery-top ul li{ display: flex; align-items: center; padding: 55px 10%; box-sizing: border-box;}
.gallery-top ul li .iprol{ width: 50%; text-align: center;}
.gallery-top ul li .ipror{ width: 50%;}
.gallery-top ul li .ipror dl dt{ display: flex; align-items: center;}
.gallery-top ul li .ipror dl dt i{ position: relative; z-index: 1; padding-left: 35px; margin-left: 10px; font-size: 50px; line-height: 1; font-family: "arial black"; color: #222222;}
.gallery-top ul li .ipror dl dt i:before{ content: ''; position: absolute; top: 50%; left: 0px; z-index: 1; margin-top: -3px; width: 18px; height: 6px; background: #222222;}
.gallery-top ul li .ipror dl dd{ font-style: italic; line-height: 2; font-size: 16px; word-wrap: break-word;}
.gallery-top ul li .ipror .ipro-event{ display: flex; padding: 3% 0;}
.gallery-top ul li .ipror .ipro-event i{ display: flex; justify-content: center; align-items: center; width: 55px; height: 55px; border: 1px solid #cfcfcf; border-radius: 50%; margin-right: 3%; }
.gallery-top ul li .ipror .ipro-btn{ display: flex;}
.gallery-top ul li .ipror .ipro-btn a{ display: flex; justify-content: center; align-items: center; width: 208px; height: 40px; margin-right: 3%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #c8c8c8;}
.gallery-top ul li .ipror .ipro-btn a:first-child{ background: #D4000D; color: #FFFFFF; border-color: #D4000D;}

/* 首页-产品分类 start */
.iproType{ position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; padding-right: 50px; border-bottom: 1px solid #dcdcdc;}
.iproType ul{ position: relative; z-index: 1;/* display: flex; flex-wrap: wrap; */}
.iproType ul .swiper-slide{ width: auto;}
.iproType li a{ position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; padding: 0 3.125vw; font-size: 16px; color: #222222; text-transform: uppercase;}
.iproType li a:after{ content: ''; position: absolute; top: 50%; right: 0; z-index: 1; width: 0; height: 7px; margin-top: -4px; border-right: 1px solid #cecece;}
.iproType li:last-child a:after{ display: none;}
.iproType li i{ position: relative; z-index: 1; padding: 1vw 0;}
.iproType li.active i:after{ content: ''; position: absolute; bottom: -1px; left: 0; z-index: 1; width: 100%; border-bottom: 1px solid #D4000D;}
.iproType li.active a{ font-weight: bold; color: #D4000D;}
.iproType .beijing{ position: absolute; top: 50%; right: 10px; z-index: 100; margin-top: -21px; width: 43px; height: 43px; background: url(../images/ahuadong1.png) no-repeat center center; background-size: contain;}

/* .ntype{ margin: 20px 0; display: none; border-bottom: 1px solid #F9F9F9;}
.ntype .swiper-slide{ width: auto; height: 40px; line-height: 40px;}
.ntype .swiper-slide a{ display: block; padding: 0 30px; font-size: 16px;}
.ntype .swiper-slide.active a{ color: #D4000D;} */


.textover{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.textover2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.iprolist{ padding: 3.125vw 3%;}
.iprolist ul{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.iprolist ul li{ display: flex; justify-content: center; flex-direction: column; width: 24%; margin-right: 1.33%; margin-top: 2vw;}
.iprolist ul li:nth-child(4n+4){ margin-right: 0;}
.iprolist .ipro-tp{ position: relative; z-index: 1; overflow: hidden; display: flex; justify-content: center; align-items: center; height: 18.5vw; background-color: #f7f7f7;}
.iprolist .ipro-tp .ipro-pos{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; opacity: 0; background-color: rgba(0,0,0,0.65); color: #FFFFFF; transition: 0.5s; padding: 0 5.5%; box-sizing: border-box;}
.iprolist .ipro-name{ display: flex; justify-content: center; align-items: center; padding: 0.5vw; font-size: 0.9375vw; color: #333333; background-color: #e8e8e8;}
.iprolist li:hover .ipro-name{ font-weight: bold; color: #D4000D;}
.iprolist .ipro-tp .ipro-img{ object-fit: contain; max-width: 100%; max-height: 100%;}
.iprolist .ipro-tp .ipro-pos .ipro-logo{ display: flex; align-items: center; transform: translateX(20px); transition: 0.5s; margin-top: 1.55vw;}
.iprolist .ipro-tp .ipro-pos .ipro-logo img{ width: 6.35vw;}
.iprolist .ipro-tp .ipro-pos .ipro-logo i{ position: relative; z-index: 1; padding-left: 20px; font-size: 1.667vw; font-family: "arial black"; color: #FFFFFF; text-transform: uppercase;}
.iprolist .ipro-tp .ipro-pos .ipro-logo i:before{ content: ''; position: absolute; top: 50%; left: 0px; z-index: 1; width: 12px; margin-top: -2px; border-bottom: 4px solid #FFFFFF;}
.iprolist .ipro-tp .ipro-pos .ipro-nr{ -webkit-line-clamp: 3 !important; font-size: 12px;}
.iprolist .ipro-bz{ display: flex; justify-content: flex-start; align-items: center; margin-top: 1vw;}
.iprolist .ipro-bz i{ display: flex; justify-content: center; align-items: center; width: 2.8vw; height: 2.8vw; margin-right: 1vw; border-radius: 50%;}
.iprolist .ipro-link{ display: flex; justify-content: center; margin-top: 2vw;}
.iprolist .ipro-link a{ display: flex; justify-content: center; align-items: center; width: 47%; border: 1px solid #FFFFFF; font-size: 0.83vw; padding: 0.5vw; text-align: center; box-sizing: border-box; color: #FFFFFF; line-height: 1.2;}
.iprolist li:hover .ipro-pos{ opacity: 1;}
.iprolist li:hover .ipro-pos .ipro-logo{ transform: translateX(0);}
.iprolist .ipro-link a:hover{ background-color: #d4000d; border-color: #d4000d;}
/* 首页-产品分类 end */







/* 首页-新闻 */
.inews{ display: flex; justify-content: space-between; padding: 5% 6.5%; background: url(../images/inews-bg.jpg) no-repeat center center / cover;}
.inews .inewsl{ width: 49.5%; background: #FFFFFF;}
.inews .inewsl .inewsl-img{ display: block; overflow: hidden;}
.inews .inewsl .inewsl-img img{ width: 100%; min-height: 100%;}
.inews .inewsl-tt{ display: block; padding: 0 3% 0 6%; margin-top: -23px;}
.inews .inewsl-tt dl dt i{ display: inline-block; line-height: 46px; padding: 0 20px; background: #111111; font-size: 24px; font-weight: bold; color: #FFFFFF;}
.inews .inewsl-tt dl dd{ margin-top: 1%; line-height: 28px; font-weight: bold; color: #222222; font-size: 22px;}
.inews .inewsl-tt .more-btn{ display: block; height: 20px; padding-bottom: 2%; background: url(../images/arrow-r-black.png) no-repeat right top;}
.inews .inewsr{ display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 49.5%;}
.inewsrt{ position: relative; z-index: 1; width: 100%; height: 48.5%; background: #FFFFFF;}
.inewsr a{ display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 2% 3%;}
.inewsr .inewsdate{ display: flex; justify-content: space-between; align-items: center; font-size: 16px; color: #999999;}
.inewsrt dl dt{ margin-top: 4%; font-size: 22px; color: #222222; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inewsrt dl dd{ line-height: 1.4; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.inewsrt .more-btn{ position: absolute; bottom: 2%; right: 6%; z-index: 10; display: block; width: 100%; height: 20px; background: url(../images/arrow-r-black.png) no-repeat right top;}
.inewsr ul{ display: flex; justify-content: space-between; height: 48.5%;}
.inewsr ul li{ position: relative; z-index: 1; width: 49%; background: #FFFFFF;}
.inewsr ul li a{ display: block; padding: 4% 6%;}
.inewsr ul li dl dt{ margin-top: 4%; font-size: 22px; color: #222222; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.inewsr ul li .more-btn{ position: absolute; bottom: 2%; right: 6%; z-index: 10; display: block; width: 100%; height: 20px; background: url(../images/arrow-r-black.png) no-repeat right top;}

/* 首页-公司简介 start */
.icompjj{ padding: 4% 14.43%;}
.icompjj h3{ text-align: center;}
.icompjj-sm{ margin-top: 2%; font-size: 24px; text-align: center;}
.icompjj-txt{ margin-top: 3%; padding: 0 10%; font-size: 18px; line-height: 28px;}
.icompjj .more-btn,.iprolist .more-btn{ display: flex; justify-content: center; align-items: center; margin-top: 5%;}

.icplist{ display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 3vw;}
.icplist ul{ display: flex; justify-content: center; width: 100%;}
.icplist ul li{ width: 25%; background-color: #ebebeb;}
.icplist ul li:nth-child(even){ background-color: #f5f5f5;}
.icplist ul li a{ display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; padding: 4.17vw 0;}
.icplist ul li dl{ padding: 0 5%;}
.icplist ul li dt{ margin-top: 1vw; font-size: 42px; color: #333333; font-family: 'dincond-bold-webfont';}
.icplist ul li dd{ font-size: 16px; color: #999999;}
.share{}
.share.social-share a{ background: #D4000D; border: 1px solid #D4000D; width: 44px; height: 44px; line-height: 44px;}
.share.social-share a:before{ color: #FFFFFF; font-size: 22px;}
.share.social-share a:hover{ background: #D4000D; border: 1px solid #D4000D;}


/* 首页-footer start */
.footer{ padding: 5% 0; border-top: 2px solid #D4000D; background: url(../images/foot-bg.jpg) #ececec no-repeat left center;}
.footer .wrapper{ display: flex; justify-content: space-between;}
.footer dl dt{ font-size: 18px; text-transform: uppercase; font-weight: bold; color: #333333;}
.footer dl dd{ margin-top: 20px; line-height: 2.2;}
.footer dl dd i{ font-weight: bold;}
.footer .s1 dl dd a{ display: inline-block; margin-top: 30px; line-height: 1.2; border-bottom: 1px solid #D4000D; color: #D4000D; font-size: 16px;}
.footer .s2 dl dd a{ position: relative; z-index: 1; display: block; padding-left: 15px; text-transform: uppercase;}
.footer .s2 dl dd a:before{ content: ''; position: absolute; top: 50%; left: 0; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; overflow: hidden; background: #D4000D;}
.footer .s3 dl dd{}
.footer .s4{ text-align: right; color: #999999;}
.footer .s4 img{ margin-top: 40px;}


/* 关于我们 */
.ncont .icompjj{ border-bottom: 1px solid #efe9e9; padding: 8% 15%; background: url(../images/about-comp-bg.png) no-repeat center center;}
/* 小于1366 */
@media only screen and (max-width: 1366px) {
	.ncont .icompjj{ background-size: 56% auto;}
}

.dszzc{ display: flex; justify-content: space-between; align-items: center;}
.dszzcl{ padding: 3% 0; padding-left: 15%; width: 33%; padding-right: 2%;}
.dszzcl dl{ color: #333333;}
.dszzcl dl dt{ line-height: 1.2; font-size: 50px; font-weight: bold;}
.dszzcl dl dd{ font-size: 16px;}
.dszzcl dl:after{ content: ''; margin-top: 30px; display: block; width: 22px; border-bottom: 4px solid #D4000D;}
.dszzcl .dszzc-txt{ margin-top: 30px; text-align: justify;}
.dszzcr{ width: 50%;}

/* 关于我们-发展历程 */
.fzlc{ display: flex; justify-content: space-between; align-items: center;}
.fzlcl{ position: relative; z-index: 1; width: 50%;}
.fzlcl img{ pointer-events: none;}
.fzlcban{ position: absolute; top: 5%; right: 5%; z-index: 10; height:90%; padding: 5% 0; box-sizing: border-box;}
.fzlcban .swiper-container{ height: 100%; overflow: hidden; }
.fzlcban ul li{ font-size: 24px; color: #FFFFFF; text-align: center;}
.fzlcban ul li.active{ font-size: 32px;}
.fzlcban .swiper-button-prev{ top: 0px; left: 0px; right: 0px; margin: 0 auto; width: 34px; height: 34px; background: url(../images/arrow-up.png) no-repeat center center / 34px auto;}
.fzlcban .swiper-button-next{ top: auto; bottom: 0px; left: 0px; right: 0px; margin: 0 auto; width: 34px; height: 34px; background: url(../images/arrow-down.png) no-repeat center center / 34px auto;}
.fzlcr{ width: 31%; padding: 0 15% 0 4%;}
.fzlcr h4{ line-height: 1.2; font-size: 46px; color: #333333; text-transform: uppercase;}
.fzlcr .year{ font-size: 46px; color: #efefef; background: url(../images/senci.png) no-repeat right center;}
.fzlcr .year:after{ content: ''; display: block; width: 20px; border-bottom: 2px solid #D4000D;}
.fzlcnr{ overflow: hidden;}
.fzlcnr dl{ overflow-x: hidden; max-height: 300px; margin-top: 10px;}
.fzlcnr dl dt{ font-size: 24px; font-weight: bold;}
.fzlcnr dl dd{ margin-bottom: 10px; line-height: 1.5; color: #999999;}

/* 关于我们ced start */
.about-ced{ display: flex; justify-content: flex-end; align-items: flex-end; background-color: #f7f7f7;}
.about-ced .cedl{ display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; width: 35.4vw;}
.about-ced .cedr{ width: 50%;}
.about-ced .cedr img{ width: 100%; object-fit: cover;}
.cedl dl{ position: relative; z-index: 1; padding-right: 13%; padding-bottom: 5%; border-bottom: 1px solid #e8e2e2;}
.cedl dl:after{ content: ''; position: absolute; bottom: -2px; left: 0px; z-index: 10; width: 15%; border-bottom: 3px solid #D4000D;}
.cedl dl dt{ font-size: 2.6vw; color: 333333;}
.cedl dl dd{ margin-top: 1vw; font-size: 1vw; color: #999999;}
.cedlist{ margin-top: 3vw;}
.cedlist ul{ display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.cedlist ul li{ position: relative; z-index: 1; width: 11vw; height: 7.8125vw; overflow: hidden; margin-right: 0.3vw; margin-top: 0.3vw; transition: 0.5s;}
.cedlist ul li a{ display: block;}
.cedlist ul li .cedimg{ min-width: 100%; object-fit: cover;}
.cedlist ul li div{ position: absolute; top: 0; left: 0; z-index: 10; display: none; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(212,0,13,0.7);}
.cedlist ul li div:after{ content: ''; position: absolute; top: 8px; left: 8px; width: calc(100% - 16px); height: calc(100% - 16px); border: 1px solid #FFFFFF; box-sizing: border-box;}
.cedlist ul li div i{ width: 35px; height: 21px; background: url(../images/about-eye-icon.png) no-repeat center; background-size: contain;}
.cedlist ul li.active div{ display: flex;}

.hoq{ padding: 3vw 14%;}
.hoq .titlename{ text-align: center; font-size: 2.6vw; color: #333333;}
.hoqlist .swiper-container{ padding: 3vw 0;}
.hoqlist .swiper-slide div{ overflow: hidden; display: flex; justify-content: center; align-items: center; height: 16.25vw; border: 3px solid #dcdcdc;}
.hoqlist .swiper-slide div img{ max-height: 100%;}
.hoqlist .swiper-slide p{ display: block; text-align: center; padding: 1.5vw; padding-bottom: 0; margin-bottom: 1.5vw; font-size: 16px; color: #333333;}
.hoqlist .swiper-slide:hover p{ color: #D4000D; font-weight: bold;}
.hoqlist .swiper-pagination-bullet{ width: 15px; height: 10px; border-radius: 10px; background-color: #d8d8d8; opacity: 1;}
.hoqlist .swiper-pagination-bullet-active{ width: 24px; height: 10px; border-radius: 10px; background-color: #d4000d;}
/* 关于我们ced end */




/* 关于我们-合作伙伴 */
.partners-title{ padding: 3% 0; text-align: center; background: url(../images/partner-bg.png) no-repeat center center / cover;}

.partnerlist ul li{ overflow: hidden; display: flex; width: 100%; border: 1px solid #f4f4f4; box-sizing: border-box;}
.partnerlist ul li a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 3%; box-sizing: border-box;}
.partnerlist ul li img{ max-height: 100%;}

/* 2-1公司新闻 start */
.padlr15{ padding: 0 14%;}
.newstype{ display: flex; justify-content: space-between; background-color: #f7f7f7;}
.newstype a{ position: relative; z-index: 1; display: flex; justify-content:  center; align-items: center; width: 50%; padding: 2% 0; font-size: 30px; color: #333333; font-weight: bold;}
.newstype a:after{ content: ''; position: absolute; top: 20%; right: 0; z-index: 10; height: 60%; border-left: 1px solid #d2d2d2;}
.newstype a:last-child:after{ border: none;}
.newstype a i{ display: block;}
.newstype a em{ display: none;}
.newstype a p{ margin-left: 20px; line-height: 1;}
.newstype a p:after{ content: ''; display: block; width: 15px; margin-top: 5px; border-bottom: 3px solid #dedede;}
.newstype a.active i{ display: none;}
.newstype a.active em{ display: block;}
.newstype a.active{ color: #D4000D; background: #FFFFFF;}
.newstype a.active p:after{ border-color: #fbe5e6;}
.newstype a.active:after{ border: none;}

.newslist{ padding: 3% 0;}
.newslist ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.newslist ul li{ width: 47%; margin-top: 3%; background: #f7f7f7;}
.newslist ul li a{ display: flex; justify-content: space-between;}
.newslist ul li .newsl{ display: flex; justify-content: center; width: 44%; overflow: hidden;}
.newslist ul li .newsl img{ max-width: none;min-width: 100%;min-height: 100%;object-fit: contain; }
.newslist ul li .newsr{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 48%; padding-right: 2%;}
.newslist ul li .newsr .date{ color: #cccccc;}
.newslist ul li .newsr dl dt{ line-height: 1.2; font-size: 22px; font-weight: bold; color: #222222; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newslist ul li .newsr dl dd{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.newslist ul li .newsr em{ display: block; margin-top: 5%; color: #999999;}

.m-page{ display: flex; justify-content: center; margin-top: 30px;}
.m-page span{ display: flex; justify-content: center;}
.m-page a{ display: block; padding: 0 15px; margin: 0 6px; line-height: 38px; border-radius: 3px; color: #999999; border: 1px solid #D2D2D2;}
.m-page a.z-crt{ background: #D4000D; border-color: #D4000D; color: #FFFFFF;}
.m-page a.pagenxt,.m-page a.pageprv{ padding: 0 25px;}
/* 2-1公司新闻 end */

/* 3-1产品中心 start */
.protop{ display: flex; justify-content: space-between; align-items: center; padding: 3% 0;}
.prosearch{ display: flex; align-items: center; border: 1px solid #DEDEDE;}
.prosearch .searinp{ width: 300px; height: 28px; line-height: 28px; padding: 0 20px; font-size: 14px; text-transform: uppercase; border-right: 1px solid #DEDEDE; color: #CCCCCC;}
.prosearch .searsub{ width: 70px; height: 55px; background: url(../images/sear-btn.png) no-repeat center center; border: 0 none; cursor: pointer;}
.prohome.align_l{ text-align: left; margin-top: 3%;}
.prohome{ text-transform: uppercase; text-align: right;}
.prohome a{ color: #999999;}
.prohome :first-child{ color: #D4000D;}
.prolist { width: 66%; padding-bottom: 2%;}
.prolist ul li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 2%;}
.prolist ul li:nth-child(2n+2){ margin-right: 0;}
.prolist ul li a{ display: block;}
.prolist ul li div{ display: flex; justify-content: center; align-items: center; background: #f7f7f7; overflow: hidden;}
.prolist ul li div img{ max-height: 100%;}
.prolist ul li p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5%; line-height: 40px; font-size: 16px; text-align: center;}

.procont{ display: flex; justify-content: space-between; }
.proleftSub{ width: 30%;}
.proleftSub .prolefttitle{ position: relative; z-index: 1; font-size: 32px; font-weight: bold; color: #333333; text-transform: uppercase; border-bottom: 1px solid #E8E2E2; padding-bottom: 1.5vw;}
.proleftSub .prolefttitle:after{ content: ''; position: absolute; bottom: -2px; left: 0; z-index: 1; width: 25%; border-bottom: 3px solid #D4000D;}
.proleftMenu{ padding-top: 1vw;}
.proleftMenu ul li{ display: block;}
.proleftMenu ul li > a{ position: relative; z-index: 1; display: block; padding: 0.4vw 0; padding-right: 10%; font-size: 20px; color: #333333; text-transform: uppercase;}
.proleftMenu ul li.active > a{ color: #D4000D;}
.proleftMenu ul li > a i{ position: absolute; top: 50%; right: 0; z-index: 10; width: 13px; height: 13px; margin-top: -7px; background: url(../images/add.png) no-repeat center center; background-size: contain;}
.proleftMenu ul li .proleftdown{ display: block;}
.proleftMenu ul li .proleftdown a{ position: relative; z-index: 1; display: block; padding: 5px 0; padding-left: 20px;}
.proleftMenu ul li .proleftdown a:before{ content: ''; position: absolute; top: 50%; left: 0; z-index: 10; width: 10px; height: 10px; transform: translateY(-5px); border: 1px solid #9b9b9b; border-radius: 50%; background-color: #FFFFFF; box-sizing: border-box;}
.proleftMenu ul li .proleftdown dt.active a{ color: #D4000D;}
.proleftMenu ul li .proleftdown dt.active a:before{ background-color: #D4000D; border-color: #D4000D;}

/* 3-1产品中心 end */


/* 3-3产品详情 start */
.prodetail{ display: flex; justify-content: space-between; padding-bottom: 3%;}
.prodt-img{ display: flex; justify-content: space-between; width: 60%;}
.prodt-bigimg{ display: flex; justify-content: center; align-items: center; width: 68%; background: #f7f7f7;}
.prodt-bigimg img{ max-height: 100%;}
.prodt-smlimg{ display: flex; justify-content: space-between; align-items: center; flex-direction: column; width: 30%;}
.prodt-smlimg span{ display: flex; justify-content: center; align-items: center; width: 100%; height: 49%; overflow: hidden; background: #F7F7F7;}
.prodt-smlimg img{ max-height: 100%;}
.prodt-event{ width: 37%;}
.prodt-event .prodt-tt{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; font-weight: bold; color: #333;}
.protable{ padding-bottom: 3%;}


.gridfix{ position: fixed; top: 0px; left: 0px; z-index: 10000; width: 0; height: 0; overflow: hidden; background: rgba(0,0,0,0.25);}
.gridfixc{ position: absolute; top: 50%; left: 0px; right: 0px; z-index: 10; box-sizing: border-box; padding: 2%; background: #FFFFFF;}
.gridfixc .close-btn{ position: absolute; top: 12px; right: 12px; z-index: 10; width: 20px; cursor: pointer;}
.gridfixc.xqcont{ position: relative; top:auto; left: auto; margin:0; padding: 2% 0; height: auto; display: flex; justify-content: space-between; align-items: flex-start; box-sizing: border-box;}
.gridfixc.xqcont > .close-btn{ display: none;}
.gridfixc .gridfixl{ width: 49%; display: none;}
.gridfixc .preview{ width: 49%;}
.gridfixc .gridfixr{ width: 66%;}
.gridsml{ position: relative; z-index: 1; padding: 0 45px; height:68px; margin-top:20px;}
.gridsml .swiper-button-prev{ top:0px; left:0px; margin-top:0px; width:40px; height:100%; background-image:url(../images/arrow-l1.png); background-repeat:no-repeat; background-position: center; background-size: 11px auto; background-color: #d9d9d9;}
.gridsml .swiper-button-next{ top:0px; right:0px; margin-top:0px; width:40px; height:100%; background-image:url(../images/arrow-r1.png); background-repeat:no-repeat; background-position: center; background-size: 11px auto; background-color: #d9d9d9;}
.gridsml .swiper-button-next.swiper-button-disabled,.gridsml .swiper-button-prev.swiper-button-disabled{ opacity: 1;}
.gridsml .swiper-slide{ height: 66px; line-height:66px; text-align:center; border: 1px solid #999999; overflow:hidden; box-sizing:border-box;}
.gridsml .swiper-slide img{ max-height: 100%;}
.gridsml .swiper-slide-thumb-active{ border-color: #d41a1a;}
.gridbig{ overflow: hidden; display: flex; justify-content: center; align-items: center; height:426px; text-align:center; border: 1px solid #999999;}
.gridbig img{ max-height: 426px;}
.gridType{ display: flex; justify-content: space-between; align-items: center;}
.gridType .grida{ display: block; width: 50%; text-align: center; line-height: 1.8; font-size: 24px; background: #dddddd; color: #555555; cursor: pointer;}
.gridType .grida.active{ background: #cecece;}
.gridfixr .viewbt{ height:56px; line-height:28px; overflow:hidden; font-size: 24px; font-weight:bold; color:#555555; word-break:break-all;}
.gridcode{ margin-top: 10px;}
.gridcode .code{ font-weight: bold; font-style: italic; color: #555555;}
.gridcode .viewmore{ font-size: 12px; color: #666666; border-bottom: 2px solid #bcbcbc;}
.gridfixr .event-val{ position: relative; z-index: 1; height: 390px; background-color: #fafafa;}
.gridfixr .events{ overflow-x: hidden; height: 310px; padding: 15px 25px; background-color: #fafafa;}

.gridfixr .events dl{ margin-top: 0px; line-height: 18px; padding-top: 48px;}
.gridfixr .events dt{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.gridfixr .events dt i{ min-width:auto; width: 48% !important; font-size: 16px; color: #333333; font-weight: bold;}
.gridfixr .events dt em{ min-width:auto; width: 48% !important; font-size: 14px; color: #333333;}
.gridfixr .events dt img{ width: 20px; margin-right: 12px;}
.gridfixr .events-title{ position: absolute; top: 0; left: 0px; z-index: 10; width: calc(100% - 65px); padding: 15px 25px; display: flex; justify-content: space-between; align-items: center; background-color: #FAFAFA;}
.gridfixr .events-title .events-c{ width: 48%; font-size: 20px; line-height: 2.3; text-align: center; border: 1px solid #e5e5e5;}
.gridfixr .share1{ margin-top: 15px;}
.gridfixr .share1 a{ width: 24%; height: 34px; line-height:34px; margin: 0; margin-right: 1.33%; border: none; border-radius:0; background-color: #999999; }
.gridfixr .share1 a:nth-child(4){ margin-right: 0;}
.gridfixr .share1 a:before{ color: #ffffff;}
.gridfixr .share1 a{color: #fff; text-align: center;display: block;float: left;}
/*.gridfixr .share1 .emaila:before{ content:''; display:block; width: 100%; height: 100%; background: url(../images/emailbg.png) no-repeat center center;}
.gridfixr .share1 .honora:before{ content:''; display:block; width: 100%; height: 100%; background: url(../images/honorbg.png) no-repeat center center;}*/
.gridfixr .share1 a:hover{ background-color: #D4000D;}


/* 淘宝放大镜1223 start */
.bg{position:relative;width:22.4vw;padding:0px;box-sizing: border-box;background: #fff;}
.bg_left{width: 22.4vw;display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden;}
.bg_right{ position: absolute;top: 0;left: 100%;z-index: 1000; width: 18.75vw; height: 22.4vw;}
.show{width: 98%;height: 22.4vw;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move; display: flex; justify-content: flex-start; align-items: flex-start;}
.show img{width: 22.4vw;height: 22.4vw;}
.mask{width: 9.375vw;height: 9.375vw;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
.bigshow{position: absolute; top: 0; left: 100%; z-index: 100; width: 22.4vw;height: 22.4vw;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8; background: #FFFFFF;}
.bigshow img{width: 860px;height: 860px;margin-right: 10px;}
.smallshow{width: 100%;height: 70px;position: relative}
.smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
.smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width: calc(100% - 60px);overflow: hidden;height: 70px;}
.smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;}
.smallshow .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:0 5px;}
.smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
.smallshow>.prev{left: 0;background: url(../images/hover-prev.png) no-repeat;background-size: contain;transition: all 0.5s}
.smallshow>.next{right: 0;background: url(../images/hover-next.png) no-repeat;background-size: contain;transition: all 0.5s}
.smallshow>.prev.prevnone{left: 0;background: url(../images/prev.png) no-repeat;cursor: not-allowed}
.smallshow>.next.nextnone{right: 0;background: url(../images/next.png) no-repeat;cursor: not-allowed}
/* 淘宝放大镜1223 end */

/* 淘宝放大镜1223 start */
.preview{width:400px; height:465px;}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:390px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}
#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:400px; overflow:hidden;}
.bigImg #midimg{width:400px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}
/* 淘宝放大镜1223 end */


/* 产品详情 */
.xqtype{ padding: 0 40px;}
.xqtype ul li{ float: left; height:52px; line-height:52px; min-width:108px; padding: 0 5px; font-size: 16px; text-align: center; color: #666666; border: 1px solid #f2f2f2; cursor: pointer;}
.xqtype ul li.active{ background-color: #f2f2f2; color: #2a2a2a;}
.xqtype ul li:hover{ color: #d41a1a;}
.xqxx{ padding: 2% 0;}
.xqxx .xqbt{ font-size:18px; color: #e62e2e;}
.xqxx .xqtxt{ margin-top: 20px; font-size: 18px; color: #666666; line-height: 1.8; word-break:break-all; text-align:justify;}

.xq-abs{ position:absolute; top: 20px; left:0; right:0; z-index:10001; width: 460px; padding: 0 30px 30px; margin: 0 auto; background-color: rgba(255,255,255,0.9); display: none; transition:none;}
.xq-abs .close-btn{ position:absolute; top: 10px; right: 10px; z-index: 100; width: 18px; cursor: pointer;}
.xq-abs h3{ line-height: 60px; text-align: center; font-size: 24px; font-weight:bold; color: #191919;}
.xq-abs ul li{ position: relative; z-index: 1; padding: 5px 20px; border: 1px solid #c8c8c8; border-radius: 5px; margin-bottom: 22px;}
.xq-abs ul li p{ display: block; line-height: 20px; text-transform: uppercase; font-size: 12px; color: #a6a6a6; font-weight: bold;}
.xq-abs ul li:before{ content: '*'; position: absolute; top: 5px; left: 5px; z-index: 1; line-height: 25px; color: #D41A1A;}
.xq-abs ul li input{ width: 100%; height: 24px; line-height: 24px; border: none; font-size: 12px; background: none;}
.xq-abs ul li select{ width: 100%; height: 24px; line-height: 24px; border: none; font-size: 12px; font-weight: bold; color: #a6a6a6; background: none;}
.xq-abs ul li textarea{ width: 100%; height: 80px; line-height: 20px; border: none; font-size: 12px; color: #a6a6a6; resize: none; font-family: arial; background: none;}
.formbtn{}
.formbtn .formsend{ float: right; width: 240px; height: 45px; font-weight:bold; color: #0F0F0F; border: none; background:url(../images/formsub-btn.png) no-repeat center center; margin-left: 30px; text-transform: uppercase;}
.formbtn .formrest{ float: right; width: 90px; height: 45px; font-weight:bold; color: #FFFFFF; border: none; background:url(../images/formrst-btn.png) no-repeat center center; text-transform: uppercase;}

.fixedr{ position: fixed; bottom: 5%; right: 10px; z-index: 10000; width: 62px;}
.fixedr ul li.rt-up{ display: none; }

.fixbig{ display: none;}






/* 3-3产品详情 end */

/* 5-1联系我们 start */
.lxwm-bt{ padding-top: 3%; text-align: center;}
.lxwm-bt dl{ padding-bottom: 3%;}
.lxwm-bt dl dt h4{ line-height: 1; font-size: 50px; color: #333333;}
.lxwm-bt dl dd{ font-size: 16px; color: #999999;}
.lxwm-bt dl dd:after{ content: ''; display: block; width: 30px; margin: 0 auto; margin-top: 30px; border-bottom: 2px solid #D4000D;}
.lxwm-form ul{ display: flex; justify-content: space-between; margin-top: 30px;}
.lxwm-form ul li{ display: flex; align-items: center; height: 55px; width: 31%; padding: 0 1%; box-sizing: border-box; border: 1px solid #DEDEDE;}
.lxwm-form img{ width: 22px;}
.lxwm-form ul li input{ padding-left: 4%; width: 96%; font-size: 16px;}
.lxwm-form div{ display: flex; align-items: flex-start; width: 100%; padding: 1%; margin-top: 20px; box-sizing: border-box; border: 1px solid #DEDEDE;}
.lxwm-form div img{ margin-top: 5px;}
.lxwm-form textarea{ padding-left: 1%; width: 99%; font-size: 16px; font-family: arial; resize: none;}
.lxsub{ display: block; width: 105px; height: 32px; background: #D4000D; color: #FFFFFF; margin: 20px auto;}

.map{ display: flex; background: #666666;}
.map .mapl{ display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 26%; padding-left: 14%; padding-right: 2%; color: #FFFFFF;}
.map .mapl dl dt{ font-size: 40px; text-transform: uppercase;}
.map .mapl dl dt:after{ content: ''; display: block; width: 25px; margin-top: 20px; border-bottom: 4px solid #8a8a8a;}
.map .mapl dl dd{ margin-top: 20px;}
.map .mapl dl dd div{ margin-top: 10px; display: flex; line-height: 20px; text-transform: uppercase;}
.map .mapl dl dd div i{ color: #c2c2c2;}
.map .mapl dl dd div em{}
.map .mapr{ width: 58%;}
/* 5-1联系我们 end */

/* 4-1招贤纳士 start */
.zxlslist{ padding: 3% 0;}
.zxlslist ul{ display: flex; justify-content: space-between;}
.zxlslist ul li{ position: relative; z-index: 1; width: 47%;}
.zxlslist ul li div{ position: absolute; bottom: 1%; left: 1%; z-index: 10; width: 40%; padding: 4%;}
.zxlslist ul li dl dt{ line-height: 1.2; font-size: 24px; color: #333333; font-weight: bold; text-transform: uppercase;}
.zxlslist ul li dl dt:after{ content: ''; display: block; margin-top: 10px; width: 16px; border-bottom: 3px solid #D4000D;}
.zxlslist ul li:nth-child(1) div{ background: url(../images/zxns-11.png) #FFFFFF no-repeat right bottom;}
.zxlslist ul li:nth-child(2) div{ background: url(../images/zxns-12.png) #FFFFFF no-repeat right bottom;}
.zxlslist ul li i{ display: inline-block; margin-top: 20px; line-height: 30px; padding: 0 10px; border: 1px solid #E6E6E6;}
/* 4-1招贤纳士 end */

/* 4-2校园招聘 start */
.returnpage{ display: flex; justify-content: center; align-items: center; padding: 15px 30px; border: 1px solid #E6E6E6;}
.returnpage img{}
.returnpage i{ text-transform: uppercase; margin-left: 10px;}

.zptable{ padding-bottom: 3%; overflow: hidden;}
.zptable dl dt{ display: flex; justify-content: space-between;}
.zptable dl dt div{ display: flex; justify-content: center; align-items: center; width: 22.5%; padding: 1%; font-size: 24px; color: #FFFFFF; background: #333333;}
.zptable dl dt div img{ margin-right: 10px;}
.zptable dl dd{ margin-top: 4px; border: 1px solid #E6E6E6;}
.zptable dl dd a{ display: block; font-size: 16px;}
.zptable dl dd .zpevent{ display: flex; border-bottom: 1px solid #E6E6E6;}
.zptable dl dd .zpevent div{ display: flex; justify-content: center; align-items: center; width: 22.5%; padding: 1%; text-align: center;}
.zptable dl dd .zpsm{ padding: 1% 2%; color: #999999;}
/* 4-2校园招聘 end */

/* 4-3招聘详情 start */
.zpdetail-tt{ display: flex; justify-content: space-between; align-items: center; padding: 1.5% 3%; background: #333333;}
.zpdetail-tt i{ font-size: 16px; color: #FFFFFF;}
.zpdetail-tt em{ color: #838383;}
.zpdetail{ padding: 1% 0 2%;}
.zpdetail dl dt{ padding: 1% 0; font-size: 24px; font-weight: bold; color: #333333; text-transform: uppercase; border-bottom: 1px solid #E6E6E6;}
.zpdetail dl dd{ padding: 1% 0; color: #999999; line-height: 1.8;}
/* 4-3招聘详情 end */


.ntype{ margin: 20px 0; display: none; border-bottom: 1px solid #F9F9F9;}
.ntype .swiper-slide{ width: auto; height: 40px; line-height: 40px;}
.ntype .swiper-slide a{ display: block; padding: 0 30px; font-size: 16px;}
.ntype .swiper-slide.active a{ color: #D4000D;}

.ntypesub{ margin: 20px 0; display: none;}
.ntypesub .swiper-slide{ width: auto; height: 40px; line-height: 40px; background: #f9f9f9;}
.ntypesub .swiper-slide a{ display: block; padding: 0 30px; font-size: 16px;}
.ntypesub .swiper-slide.active a{ color: #D4000D;}




/* 1200以上 */
@media only screen and (min-width: 768px) {
	.top .topl .language ul li:hover a{ color: #D4000D;}
	.inews .inewsl:hover{ -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; box-shadow: 0 0 20px rgba(0,0,0,0.5);}
	.inewsr a:hover{ -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: #D4000D;}
	.inewsr a:hover .inewsdate{ color: #FFFFFF;}
	.inewsr a:hover dt{ color: #FFFFFF;}
	.inewsr a:hover dd{ color: #FFFFFF;}
	.inewsr a:hover .more-btn{ background-image: url(../images/arrow-r-white.png);}
	.prolist ul li:hover div{ box-shadow: 0 0 15px rgba(0,0,0,0.2);}
	.prolist ul li:hover p{ color: #D4000D; font-weight: bold;}
	
	.zxlslist ul li:hover i{ background: #D4000D; color: #FFFFFF; border-color: #D4000D;}
	.zptable dl dd:hover .zpevent div{ color: #333;}
	.zptable dl dd:hover .zpevent div:nth-child(1){ color: #D4000D; font-weight: bold;}
	
	.newslist ul li:hover{ -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: #FFFFFF; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
	
	.cedlist ul li:hover div{ display: flex;}
}

/* 768到1200 */
@media only screen and (max-width: 1199px) {
	
	.footer .s2{ display: none;}
	.footer .s3{ display: none;}
	
	.iprolist .ipro-bz{ display: none;}
	.gridfixc.xqcont{ flex-direction: column;}
	.gridfixc .gridfixl{ display: block; width: 100%;}
	.bg{ display: none;}
	.gridfixc .gridfixr{ width: 100%; margin-top: 2%;}
}

@media only screen and (max-width: 1000px) {
	.top .topl .logo{ width: 110px;}
	.top .topr .search{ display: none;}
	.newstype a{ flex-direction: column; text-align: center;}
	.newstype a p{ margin: 0;}
	.newstype a p:after{ display: none;}
	
	.newslist{ padding: 0 5% 5%;}
	.newslist ul li a{ flex-direction: column; align-items: flex-start; justify-content: center; }
	.newslist ul li .newsl{ align-items: center; width: 100%;}
	.newslist ul li .newsl img{ width: 100%;}
	.newslist ul li .newsr{ width: auto; padding: 5%;}
	
	/* 5-1联系我们 start */
	.map{ flex-direction: column;}
	.map .mapl{ padding: 3%; width: 100%;}
	.map .mapr{ width: 100%;}
	
	/* 4-2 */
	.zptable dl dt div{ font-size: 20px;}
	.zptable dl dt div img{ display: none;}
	.zptable{ overflow-y: hidden; overflow-x: scroll;}
	.zptable dl{ min-width: 800px;}
}
.vfixed{width:155px;background:#fff;position:fixed;right:50px;bottom:50%;z-index:1000;}
.vt{height:30px;line-height:30px;padding:0 10px;}
.vt strong{font-size:12px;float:left;}
.vt a{float:right;display:inline-block; cursor: pointer;}
.vc{}
.vc img{display:block;width:100%;}
.vplayfix{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.7);}
.vpaly{width:800px;height:600px;position:absolute;left:50%;margin-left:-400px;top:50%;margin-top:-300px;background:#fff;}
.vpc{position:relative;width:100%;height:100%;}

.vpc .close{width:40px;height:40px;border-radius:50%; background:url(../images/closet.png)#fff no-repeat center;position:absolute;right:-20px;top:-20px;}
.vpc .close a{display:block;width:100%;height:100%;}
.vfvideo,.vfvideo video{width:100%;height:100%;}
.vfvideo video{object-fit:cover;}


.imgvfixed{width:155px;background:#fff;position:fixed;right:50px;bottom:35%;z-index:1000;}
.imgvplayfix{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.7);}
.imgvplayfix .vpaly{width:800px;height:700px;position:absolute;left:50%;margin-left:-400px;top:45%;margin-top:-300px;background:#fff;}
.imgvplayfix .vpaly .vfvideo img{
    max-height: 100%;
}

.vpc .close{width:40px;height:40px;border-radius:50%; background:url(../images/closet.png)#fff no-repeat center;position:absolute;right:-20px;top:-20px;}
.vpc .close a{display:block;width:100%;height:100%;}
.vfvideo,.vfvideo video{width:100%;height:100%;}
.vfvideo video{object-fit:cover;}


/* 手机屏幕 */
@media only screen and (max-width: 768px) {
	html,body{ max-width:750px; color:#666; font:0.48rem/1.4 "微软雅黑",Arial; -webkit-text-size-adjust:none; margin: 0; padding:0px;}
	.wrapper{ margin: 0 0.5rem;}
	.vfixed{right:0.5rem;bottom:auto; top:5rem;right:10px;}
	.imgvfixed{right:0.5rem;bottom:auto; top:5rem;right:10px; display:none;}
	.vfixed1{right:0.5rem;bottom:auto; top:10.5rem;right:10px;}
	.vpaly{width:80%;height:30%;margin-left:-40%;margin-top:-15%;}
	/* top */
	.top { position: relative; z-index: 99; background: none;}
	.top .topl .logo{ width: 3.88rem;}
	.top .topl .language{ display: none;}
	.top .topr{ display: none;}
	.top .m-topr{ display: flex; justify-content: flex-end; align-items: center;}
	.top .m-topr .m-lang,
	.top .m-topr .m-menu,
	.top .m-topr .m-pro{ 
		width: 1.2rem;
		height: 1.2rem;
		border-radius: 0.1rem;
		border: 1px solid #DEDEDE;
		margin-left: 0.2rem;
	}
	.top .m-topr{ position: relative; z-index: 1;}
	.top .m-topr .m-lang{ background: url(../images/m-top-lang.png) no-repeat center center / 0.88rem auto;}
	.top .m-topr .m-menu{ background: url(../images/m-top-menu.png) no-repeat center center / 0.68rem auto;}
	.top .m-topr .m-pro{ background: url(../images/m-top-pro.png) no-repeat center center / 0.66rem auto;}
	.top .m-topr .m-lang:active{ background-image: url(../images/m-top-lang1.png);}
	.top .m-topr .m-menu:active{ background-image: url(../images/m-top-menu1.png);}
	.top .m-topr .m-pro:active{ background-image: url(../images/m-top-pro1.png);}
	.top .m-topr .m-lang.active{ background-image: url(../images/m-top-lang1.png);}
	.top .m-topr .m-menu.active{ background-image: url(../images/m-top-menu1.png);}
	.top .m-topr .m-pro.active{ background-image: url(../images/m-top-pro1.png);}
	
	.langdiv{ position: absolute; top: 2rem; right: 2rem; z-index: 10; width: 4rem; background: #FFFFFF; border: 1px solid #DEDEDE; display: none; }
	.langdiv:before{ content: ''; position: absolute; bottom: 100%; left: 0px; right: 0px; z-index: 8; width: 0; margin: 0 auto; border-width: 9px; border-style: solid; border-color: transparent transparent #DEDEDE transparent;}
	.langdiv:after{ content: ''; position: absolute; bottom: 100%; left: 0px; right: 0px; z-index: 10; width: 0; margin: 0 auto; border-width: 8px; border-style: solid; border-color: transparent transparent #ffffff transparent;}
	.langdiv ul li{ padding: 0 0.2rem;}
	.langdiv ul li a{ display: block; line-height: 1.2rem; border-bottom: 1px solid #DEDEDE; text-align: center;}
	.langdiv ul li:last-child a{ border-bottom: 0 none;}
	
	
	body.on{ overflow: hidden;}
	
	
	.navfix{ position: fixed; background: rgba(255,255,255,.96); z-index: 2; width: 100%; height: 100%; max-width: 750px; margin: auto; box-sizing: border-box; padding-top: 3rem; display: none; left: 0; top: 0;}
	.navfix ul li{ text-align: center;}
	.navfix ul li:active a{ color: #D4000D; font-weight: bold; background: url(../images/menyDown.png) no-repeat center left 5rem / 0.4rem auto;}
	.navfix ul li a{ display: block; font-size: 0.6rem; color: #333333; margin-top: 2rem;  }

	.navfix.navTwo ul li a{ margin-top: 1.5rem;} 
	.navfix.navTwo ul li:active a{ background: url(../images/menyDown.png) no-repeat center left 3.5rem / 0.4rem auto;}
	
	.iproType{ padding-right: 1rem;}
	.iproType .beijing{ right: 0.1rem; margin-top: -0.4rem; width: 0.8rem; height: 0.8rem;}
	
	/* 首页链接 */
	.link-ncont{ padding: 0.6rem 0;}
	.link-ncont a{ padding: 0 0.8rem;}
	.link-ncont i{ width: 2.5rem; background-size: contain;}
	
	/* 首页-产品 */
	.iprolist ul li{ width: 49%; margin-right: 2%; margin-top: 0.5rem;}
	.iprolist ul li:nth-child(2n+2){ margin-right: 0;}
	.iprolist .ipro-tp{ height: 5rem;}
	.iprolist .ipro-tp .ipro-pos .ipro-logo{ margin-top: 0.3rem;}
	.iprolist .ipro-tp .ipro-pos .ipro-logo img{ width: 2.44rem;}
	.iprolist .ipro-tp .ipro-pos .ipro-logo i{ font-size: 0.64rem;}
	.iprolist .ipro-tp .ipro-pos .ipro-nr{ -webkit-line-clamp: 2;}
	.iprolist .ipro-link a{ padding: 0.2rem; font-size: 0.4rem;}
	.iprolist .ipro-name{ padding: 0.3rem 0.5rem; font-size: 0.48rem;}
	
	.icplist ul{ flex-wrap: wrap;}
	.icplist ul li{ width: 50%; background-color: #ebebeb !important;}
	.icplist ul li:nth-child(2),.icplist ul li:nth-child(3){ background-color: #f5f5f5 !important;}
	
	
	
	
	
	/* 首页新闻 */
	.inews{ flex-direction: column; padding: 0.8rem 0.5rem;}
	.inews .inewsl{ width: 100%;}
	.inews .inewsr{ width: 100%; margin-top: 0.4rem;}
	.inews .inewsl-tt{ margin-top: -0.5rem; padding: 0 0.5rem;}
	.inews .inewsl-tt dl dt{ display: flex; justify-content: center; align-items: center;}
	.inews .inewsl-tt dl dt i{ font-size: 0.6rem; line-height: 1rem; padding: 0 0.5rem;}
	.inews .inewsl-tt dl dd{ margin-top: 0.2rem; line-height: 1.6; font-size: 0.48rem;}
	.inews .inewsl-tt .more-btn{ padding-bottom: 0.4rem; background-position: left center; background-size: 0.56rem auto;}
	.inewsrt dl dt{ margin-top: 0.4rem; font-size: 0.56rem;}
	.inewsrt dl dd{ -webkit-line-clamp:3;}
	.inewsrt .more-btn{ position: static; height: 0.5rem; background-position: left center; background-size: 0.56rem auto;}
	.inewsr ul{ margin-top: 0.4rem;}
	.inewsr .inewsdate{ font-size: 0.48rem;}
	.inewsr .inewsdate em{ display: none;}
	.inewsr ul li dl dt{ font-size: 0.56rem; -webkit-line-clamp:3;}
	.inewsr ul li .more-btn{ position: static; height: 0.5rem; background-position: left center; background-size: 0.56rem auto;}
	
	.inewsr a:active{ background: #D4000D;}
	.inewsr a:active .inewsdate{ color: #FFFFFF;}
	.inewsr a:active dt{ color: #FFFFFF;}
	.inewsr a:active dd{ color: #FFFFFF;}
	.inewsr a:active .more-btn{ background-image: url(../images/arrow-r-white.png);}
	
	.ncont{ position: relative; z-index: 0;}
	.icompjj{ padding: 0.5rem;}
	.icompjj h3 img{ width: 7.06rem;}
	.ncont .icompjj{ padding: 0.5rem;}
	.icompjj-sm{ font-size: 0.56rem;}
	.icompjj-txt{ overflow: hidden;/* max-height: 4.5rem;*/ line-height: 0.9rem; font-size: 0.48rem;}
	.icompjj .more-btn img:first-child,.iprolist .more-btn img:first-child{ width: 4.6rem;}
	.icompjj .more-btn img:last-child,.iprolist .more-btn img:last-child{ width: 0.42rem;}
	
	.fzlcban ul li{ display: flex; justify-content: center; align-items: center;}
	.fzlcban .swiper-button-prev{ display: none;}
	.fzlcban .swiper-button-next{ display: none;}
	
	.footer .wrapper{ justify-content: center;}
	.footer .s1{ display: none;}
	.footer .s4{ text-align: center;}
	.footer .s4 img{ width: 3.88rem; margin-top: 0.4rem;}
	
	
	/* 关于我们 */
	.dszzc{ flex-direction: column;}
	.dszzcl{ width: auto; padding: 0.5rem;}
	.dszzcl dl dt{ font-size: 1.2rem;}
	.dszzcl dl dd{ font-size: 0.48rem;}
	.dszzcr{ width: auto; padding: 0 0.5rem;}
	.fzlc{ flex-direction: column;}
	.fzlcl{ width: 100%; margin-top: 0.5rem;}
	.fzlcban{ width: 90%;}
	.fzlcr{ width: auto; padding: 0.5rem;}
	.fzlcr h4{ font-size: 0.8rem;}
	.fzlcr .year{ font-size: 0.8rem; background: none;}
	.fzlcnr dl{ overflow: auto;}
	.fzlcnr dl dt{ font-size: 0.6rem;}
	.fzlcnr dl dd{}
	
	.partners-title{ padding: 1rem 0;}
	.partners-title img{ width: 80%;}
	
	.about-ced{ flex-wrap: wrap;}
	.about-ced .cedl{ width: 100%; padding: 0.5rem;}
	.cedlist{ width: 100%;}
	.cedlist ul li{ width: 32%; margin-right: 1.33%; height: 3rem; margin-top: 0.2rem;}
	.cedlist ul li div i{ width: 0.7rem; height: 0.42rem;}
	.about-ced .cedr{ width: 100%;}
	.hoqlist .swiper-slide div{ height: 6.2rem;}
	.hoqlist .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 8px; opacity: 1;}
	.hoqlist .swiper-pagination-bullet-active{ width: 8px; height: 8px; border-radius: 8px;}
	.hoqlist .swiper-slide p{ margin-bottom: 0.6rem; font-size: 0.48rem;}
	
	
	
	
	
	
	/* 关于我们 end */
	
	/* 公司新闻 start */
	.newstype a{ font-size: 0.64rem;}
	.newstype a img{ height: 1.44rem;}
	
	.padlr15{ padding: 0.5rem;}
	.newslist{}
	.newslist ul li a{ flex-direction: column; align-items: flex-start; justify-content: center; }
	.newslist ul li .newsl{ align-items: center; width: 100%;}
	.newslist ul li .newsl img{ width: 100%;}
	.newslist ul li .newsr{ width: auto; padding: 0.5rem; font-size: 0.44rem;}
	.newslist ul li .newsr dl dt{ font-size: 0.56rem; }
	.newslist ul li .newsr dl dd{ display: none; -webkit-line-clamp: 2; font-size: 0.44rem; }
	.newslist ul li .newsr i,.newslist ul li .newsr em{ display: none;}
	
	.m-page{ display: flex; justify-content: center; margin-top: 0.8rem;}
	.m-page span{ display: flex; justify-content: center;}
	.m-page a{ display: block; padding: 0 0.4rem; margin: 0 0.15rem; line-height: 1.1rem; border-radius: 3px; color: #999999; border: 1px solid #D2D2D2;}
	.m-page a.z-crt{ background: #D4000D; border-color: #D4000D; color: #FFFFFF;}
	.m-page a.pagenxt,.m-page a.pageprv{ padding: 0 0.6rem;}
	
	/* 公司新闻 end */
	
	/* 产品中心 start */
	.protop{ display: none;}
	.prolist{ width: 100%;}
	.prolist ul li{ width: 48%; margin-right: 4%;}
	.prolist ul li:nth-child(3n+3){ margin-right: 4%;}
	.prolist ul li:nth-child(2n+2){ margin-right: 0;}
	.prolist ul li:active div{ box-shadow: 0 0 15px rgba(0,0,0,0.2);}
	.prolist ul li:active p{ color: #D4000D; font-weight: bold;}
	.prolist ul li div{ height: 13.8rem;}
	.proleftSub{ display: none;}
	/* 产品中心 end */
	
	/* 产品详情 start */
	.prodetail{ flex-direction: column-reverse;}
	.prodt-img{ flex-direction: column; width: 100%; margin-top: 0.4rem;}
	.prodt-bigimg{ width: 100%; height: 7rem;}
	.prodt-smlimg{ margin-top: 0.2rem; width: 100%; flex-direction: row; height: 2.8rem;}
	.prodt-smlimg span{ width: 49%; height: 100%;}
	.prodt-event{ width: 100%;}
	.prodt-event .prodt-tt{ overflow: auto; white-space: normal; text-overflow: initial; font-size: 0.6rem;}
	.bg{ display: none;}
	
	/* 产品详情 end */
	
	
	/* 5-1联系我们 start */
	.lxwm-bt dl dt h4{ font-size: 0.8rem;}
	.lxwm-bt dl dd{ margin-top: 0.3rem; font-size: 0.44rem;}
	.lxwm-bt dl dd:after{ margin-top: 0.5rem;}
	.lxwm-form ul{ flex-direction: column;}
	.lxwm-form ul li{ width: 100%; height: auto; margin-top: 0.3rem;}
	.lxwm-form ul li input{ height: 1.2rem; line-height: 1.2rem;}
	.lxwm-form div{ margin-top: 0.3rem !important;}
	.lxwm-form div textarea{ padding-left: 3%;}
	.map .mapl dl dt{ font-size: 0.72rem;}
	.map .mapl dl dd div{ line-height: 1.6; font-size: 0.44rem;}
	/* 5-1联系我们 end */
	
	/* 4-1招贤纳士 start */
	.zxlslist ul{ flex-direction: column;}
	.zxlslist ul li{ width: 100%; margin-bottom: 0.4rem;}
	.zxlslist ul li div{ bottom: 2%; left: 2%; width: 56%; height: auto; background-color: rgba(255,255,255,0.8) !important;}
	.zxlslist ul li div dl dt{ font-size: 0.7rem;}
	.zxlslist ul li div i{ margin-top: 0.3rem;}
	.zxlslist ul li:active i{ background: #D4000D; color: #FFFFFF; border-color: #D4000D;}
	/* 4-1招贤纳士 end */
	
	
	.ntype{ margin: 0.5rem 0; display: block;}
	.ntype .swiper-slide{ width: auto; height: 1rem; line-height: 1rem; background: #f9f9f9;}
	.ntype .swiper-slide a{ display: block; padding: 0 0.5rem; font-size: 0.56rem;}
	
	.ntypesub{ margin: 0.5rem 0; display: block;}
	.ntypesub .swiper-slide{ width: auto; height: 1rem; line-height: 1rem; background: #f9f9f9;}
	.ntypesub .swiper-slide a{ display: block; padding: 0 0.5rem; font-size: 0.56rem;}
	
	
}


/* 产品新增页面 */
.testing{ width: 100%; padding: 3vw 0;}
.testing img{ width: 100%; height: 100%; object-fit: cover;}
.testlist{ display: flex; justify-content: space-between; margin-top: 0.5%;}
.testlist.reverse{ flex-direction: row-reverse;}
.testlist .testl{ width: 66%;}
.testlist .testr{ display: flex; flex-direction: column; justify-content: space-between; width: 33.5%;}
.testlist .testr p{ display: flex; justify-content: center; width: 100%; height: 49.5%;}

.problem{ padding: 3vw 0;}
.problem .problem-title{ font-size: 3.3333vw; color: #333333; text-transform: uppercase; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.problem .problemlist{ padding-top: 1.25vw;}
.problem .problemlist ul li{ margin-top: 0.5vw; border: 1px solid #e2e2e2;}
.problem .problemlist ul li a{ position: relative; z-index: 1; display: block; padding: 2% 8% 2% 4%; transition: 0.5s; background: #f7f7f7;}
.problem .problemlist ul li .quest{ font-size: 20px; color: #333333; font-family: arial; font-weight: bold;}
.problem .problemlist ul li .ansor{ display: none; font-size: 16px; color: #666666; font-family: arial;}
.problem .problemlist ul li.active a{ background: #FFFFFF;}
.problem .problemlist ul li i{ position: absolute; top: 50%; right: 4%; z-index: 1; pointer-events: none; width: 1.5vw; height: 1.5vw; margin-top: -0.75vw; background: url(../images/pro-addicon.png) no-repeat right 4% center / 1.5vw auto; opacity: 1; transition: 0.5s;}
.problem .problemlist ul li.active i{ background: url(../images/pro-addicon.png) no-repeat right 4% center / 0.8vw auto; opacity: 0;}

.vidicon{ width: 100%; margin-top: 10px;}
.vidicon ul a{ display: block; border: 1px solid #EEEEEE;}